<template>
    <div>
        <li class="dropdown-option" :class="{'is-disabled':disabled}">
            <slot></slot>
        </li>
    </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue';
defineProps({
    disabled:{
        type:Boolean,
    }
})
</script>
<style>
.dropdown-option.is-disabled * {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}
</style>